<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数</title>
</head>
<body>
    函数:{
        是什么:{
            工厂--他表示一种功能  能计算[输入---加工---输出 ]
        }
        为什么{
            进行模块化
        }
        怎么用{
            如下
            执行{
                立即执行
                函数名字()
            }
            事件函数{
                有名函数
                匿名函数
                激活方式{
                    元素.事件=函数名字;
                    元素.事件=function(){
                        处理操作
                    }
                }
            }
        }
        注意{
            如果函数没有返回值, 那么说明这个函数是一个纯操作类的函数, 此类函数的目的就是为了操作外部的某些变量

        }
    }

    <!-- <script>
            // 关键字 函数名 (参数)
            function add(a,b){
                var data=a+b;
                //输出
                return  data;
            }
            var sum=add(12,23);
            console.log(sum);
    </script> -->
    <script>
        var x=12;
        var y=88;
        // 关键字 函数名 (参数)
        function add(y) {
            //变量的寻找 现在函数内部着 找到就用
                                //      找不到去外面找{
//                                          找到就用
                                            //找不到 undefind
                                //}
            var x=13;
            var data = x + y;
            //输出
            return data;
        }
        var sum = add(55);
        console.log(sum);

    </script>


</body>
</html>